<%@include file="cabecera.jsp"%>

<!-- Script para mostrar y ocultar las capas de este jsp -->
<script language="JavaScript" src="resources/js/capas.js"></script>
<!-- Funciones JavaScript para la validacion de formularios -->
<script language="JavaScript" src="resources/js/validaciones.js"></script>

<!-- main begins-->	
	<div class="main">	
	
<!-- main content begins-->		
<!-- NOTA: este bloque cambia para TODAS las paginas-->
		<div class="content">
		
			<!-- Capa del Perfil de la Persona -->
		    <div id="capa_persona" class="content">
			<!--solo se veria el bloque correspondiente si el usuario es empresa o persona; si es el registro aparecen los dos-->
			<!-- si el usuario existe(se esta editando) los campos aparecen rellenos-->
			<div class="blockheader">
				<bean:message key="registroPersona.perfil" />
			</div>
			<html:form action="/insertarUsuarioPersona.isp" method="post" onsubmit="return validaRegistroUsuario();">
			
			<table class="block">
				<tr>
					<td class="right">
						<bean:message key="registroPersona.nombre" />
					</td>
					<td>
						<html:text property="persona.nombre" styleClass="styled"></html:text>
					</td>
					<td class="right">
						<bean:message key="registroPersona.dni" />
					</td>
					<td>
						<html:text property="persona.dni" styleClass="styled"></html:text>
					</td>
				</tr>
				<tr>
					<td class="right">
						<bean:message key="registroPersona.apellido1" />
					</td>
					<td>
						<html:text property="persona.apellido1" styleClass="styled"></html:text>
					</td>
					<td class="right">
						<bean:message key="registroPersona.apellido2" />
					</td>
					<td>
						<html:text property="persona.apellido2" styleClass="styled"></html:text>
					</td>
				</tr>
				<tr>
					<td class="right">
						<bean:message key="registroPersona.direccion" />
					</td>
					<td>
						<html:text property="persona.direccion" styleClass="styled"></html:text>
					</td>
					<td class="right">
						<bean:message key="registroPersona.email" />
					</td>
					<td>
						<html:text property="persona.email" styleClass="styled"></html:text>
					</td>
				</tr>
				<tr>
					<td class="right">
						<bean:message key="registroPersona.telefonoFijo" />
					</td>
					<td>
						<html:text property="persona.telefono" styleClass="styled"></html:text>
					</td>
					<td class="right">
						<bean:message key="registroPersona.telefonoMovil" />
					</td>
					<td>
						<html:text property="persona.tlfMovil" styleClass="styled"></html:text>
					</td>
				</tr>
				<tr>
					<td class="right">
						<bean:message key="registroPersona.password" />
					</td>
					<td>
						<html:password property="usuario.password" styleClass="styled"></html:password>
					</td>
					<td class="right">
						<bean:message key="registroPersona.repetirPassword" />
					</td>
					<td>
						<input type="password" name="checkpass" class="styled" /> 
					</td>
				</tr>
				<tr>
					<td class="right">
						<bean:message key="registroPersona.usuario" />
					</td>
					<td>
						<html:text property="usuario.nick" styleClass="styled"></html:text> 
					</td>
					<td></td>
					<td class="center">
						<html:submit styleClass="button"><bean:message key="registroPersona.registrar" /></html:submit>
					</td>
					<td>
						<html:errors name="errors" />			
					</td>
				</tr>	
			</table>
			
			<div class="blockfooter">
				<div class="left"></div><div class="right"></div>
			</div>
			<p></p>
			</html:form>
			</div>
			<!-- Fin de Capa del perfil de la Persona -->
			
			<!-- Capa del Perfil de la Empresa -->
			<div id="capa_empresa" class="content" style="visibility:hidden">
			<html:form action="/insertarUsuarioEmpresa.isp" method="post" onsubmit="return validaRegistroEmpresa();">
			<div class="blockheader">
				<bean:message key="registroEmpresa.perfil" />
			</div>
			
			<table class="block">
				<tr>
					<td class="right">
						<bean:message key="registroEmpresa.nombre" />
					</td>
					<td>
						<html:text property="empresa.nombre" styleClass="styled"></html:text>
					</td>
					<td class="right">
						<bean:message key="registroEmpresa.cif" />
					</td>
					<td>
						<html:text property="empresa.cif" styleClass="styled"></html:text>
					</td>
				</tr>
				<tr>
					<td class="right">
						<bean:message key="registroEmpresa.direccion" />
					</td>
					<td>
						<html:text property="empresa.direccion" styleClass="styled"></html:text>
					</td>
					<td class="right">
						<bean:message key="registroEmpresa.email" />
					</td>
					<td>
						<html:text property="empresa.email" styleClass="styled"></html:text>
					</td>
				</tr>
				<tr>
					<td class="right">
						<bean:message key="registroEmpresa.telefonoFijo" />
					</td>
					<td>
						<html:text property="empresa.telefono" styleClass="styled"></html:text>
					</td>
					<td class="right">
						<bean:message key="registroEmpresa.fax" />
					</td>
					<td>
						<html:text property="empresa.fax" styleClass="styled"></html:text>
					</td>
				</tr>
				<tr>
					<td class="right">
						<bean:message key="registroEmpresa.observaciones" />
					</td>
					<td>
						<html:text property="empresa.observaciones" styleClass="styled"></html:text>
					</td>
					<td class="right">
						<bean:message key="registroEmpresa.telefonoMovil" />
					</td>
					<td>
						<html:text property="empresa.tlfMovil" styleClass="styled"></html:text>
					</td>
				</tr>
				<tr>
					<td class="right">
						<bean:message key="registroEmpresa.password" />
					</td>
					<td>
						<html:password property="usuario.password" styleClass="styled"></html:password>
					</td>
					<td class="right">
						<bean:message key="registroEmpresa.repetirPassword" />
					</td>
					<td>
						<input type="password" name="checkpass" class="styled" /> 
					</td>
				</tr>
				<tr>
					<td class="right">
						<bean:message key="registroEmpresa.usuario" />
					</td>
					<td>
						<html:text property="usuario.nick" styleClass="styled"></html:text> 
					</td>
					<td></td>
					<td class="center">
						<html:submit styleClass="button"><bean:message key="registroEmpresa.registrar" /></html:submit>
					</td>
					<td>
						<html:errors name="errors" />			
					</td>
				</tr>	
			</table>
			</html:form>
			<div class="blockfooter">
				<div class="left"></div><div class="right"></div>
			</div>
		</div>
		<!-- Fin de Capa del perfil de la Empresa -->
		</div>
		
		<div class="sidenav">
			<div class="blockheader">
				<bean:message key="registro.tipoUsuario" />
			</div>

			<form action="personal.html">
			<table class="block">
				<tr>
					<td class="right">
						<input type="radio" name="tipoUsuario" class="styledradio" checked onClick="mostrarCapa('capa_persona'); ocultarCapa('capa_empresa');"/>
					</td>
					<td>
						<bean:message key="registro.tipoUsuario.persona" />
					</td>

				</tr>
				<tr>
					<td class="right">
						<input type="radio" name="tipoUsuario" class="styledradio" onClick="mostrarCapa('capa_empresa'); ocultarCapa('capa_persona');" /> 
					</td>
					<td>
						<bean:message key="registro.tipoUsuario.empresa" />
					</td>
				</tr>
				
			</table>

			</form>
			<div class="blockfooter">
				<div class="left"></div><div class="right"></div>
			</div>
		</div>
		
<!-- main content ends-->

<!-- sidebar begins-->
<!-- NOTA: este bloque es igual en todas las paginas excepto en contactos, citas y opciones que no tendran la clase "invisible" correspondiente-->
		

		<div class="clearer"><span></span></div>
		
	</div>

</div>
<!-- main ends-->	
<%@include file="pie.jsp"%>

